<!doctype html>
<html>
<head>
	
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=0.25, maximum-scale=1.6, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"  />
<link rel="stylesheet" type="text/css" href="css/style.css" />	
<link rel="stylesheet" type="text/css" href="css/style.css" />

<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<title>homepage</title>
</head>


<body>
<div>
<div class="container-xxl heading_container">
	<div class="row">
		<div class="col-sm-6">
			<div class="btn btn-group-sm p-1" >
  			<button type="button" class="btn" >
				<img src="images/CN.png" height="18px" class="mx-auto" alt="中文">
				</button>
 			<button type="button" class="btn">
				<img src="images/1.jpg"  height="18px" class="mx-auto" alt="English">
				</button>
			</div>
		</div>	
		<div class="col-sm-6">
			<ul class="nav justify-content-end  nav-tabs">
 				<li class="nav-item">
  			 	<h6 class="nav-link text-body" href="#">主页</h6>
 			 	</li>	
				  <li class="nav-item dropdown">
 				   <h6 class="nav-link dropdown-toggle text-body" data-bs-toggle="dropdown" href="#">公司</h6>
  					  <ul class="dropdown-menu">
 					    <li><h6 class="dropdown-item text-body" href="#">关于我们</h6></li>
						<li><h6 class="dropdown-item text-body" href="#">合作伙伴</h6></li>
  					    <li><h6 class="dropdown-item text-body" href="#">新闻咨询</h6></li>	
    					</ul>
 					 </li>
  				<li class="nav-item">
   				 <h6 class="nav-link text-body" href="#">联系</h6>
  				</li>

			</ul>		
		</div>
	</div>
</div>
	
<div class="container-xxl heading_container_h2">	
	<div class="row">
		<div class="col-sm-2">
			<img src="images/suno7.png" width="100" height="100" class="float-start p-2" alt="suno.logo">		
		</div>
		<div class="col-sm-4 ">
		</div>
		<div class="col-sm-4 ">
		
		<ul class="nav justify-content-center nav-tabs header_po ">
 			 	
				  <li class="nav-item dropdown">
 				   <h6 class="nav-link dropdown-toggle text-body" data-bs-toggle="dropdown" href="#">公司</h6>
  					  <ul class="dropdown-menu">
 					    <li><h6 class="dropdown-item text-body" href="#">关于我们</h6></li>
						<li><h6 class="dropdown-item text-body" href="#">合作伙伴</h6></li>
  					    <li><h6 class="dropdown-item text-body" href="#">新闻咨询</h6></li>	
    					</ul> 					 </li>
 			 		
				  <li class="nav-item dropdown">
 				   <h6 class="nav-link dropdown-toggle text-body" data-bs-toggle="dropdown" href="#">公司</h6>
  					  <ul class="dropdown-menu">
 					    <li><h6 class="dropdown-item text-body" href="#">关于我们</h6></li>
						<li><h6 class="dropdown-item text-body" href="#">合作伙伴</h6></li>
  					    <li><h6 class="dropdown-item text-body" href="#">新闻咨询</h6></li>	
    					</ul>
 					 </li>
 			 		
				  <li class="nav-item dropdown">
 				   <h6 class="nav-link dropdown-toggle text-body" data-bs-toggle="dropdown" href="#">公司</h6>
  					  <ul class="dropdown-menu">
 					    <li><h6 class="dropdown-item text-body" href="#">关于我们</h6></li>
						<li><h6 class="dropdown-item text-body" href="#">合作伙伴</h6></li>
  					    <li><h6 class="dropdown-item text-body" href="#">新闻咨询</h6></li>	
    					</ul>
 					 </li>

			</ul>		
		</div>	
		</div>

<div id="slider" class="carousel slide " data-bs-ride="carousel">

  <!-- 指标/点 -->
  <div class="carousel-indicators">
    <button type="button" data-bs-target="#slider" data-bs-slide-to="0" class="active"></button>
    <button type="button" data-bs-target="#slider" data-bs-slide-to="1"></button>
    <button type="button" data-bs-target="#slider" data-bs-slide-to="2"></button>
  </div>
  
  <!-- 幻灯片/轮播 -->
  <div class="carousel-inner ">
    <div class="carousel-item active ">
      <img src="images/351.svg" alt="Shanghai" class="  img-fluid "  >
		  <div class="carousel-caption slider_1_size">
			   <h3 class="slider_1"> 多功能手柄
			  </h3>
			  <h6 class="slider_1_1"> PSL和PSV型比例多路阀用于控制液压执行元件的运动方向和无级调节独立于负载的运动速度.可使多个执行元件同时并相互独立地在不同的速度和压力下工作,直到通过所有执行机构的流量的总和达到泵输出的最大流量为止.
			  </h6>		  
  </div>
    </div>
    <div class="carousel-item ">
      <img src="images/351.svg" alt="Shanghai" class="  img-fluid "  >
		  <div class="carousel-caption slider_1_size">
			   <h3 class="slider_1"> 多功能手柄
			  </h3>
			  <h6 class="slider_1_1"> PSL和PSV型比例多路阀用于控制液压执行元件的运动方向和无级调节独立于负载的运动速度.可使多个执行元件同时并相互独立地在不同的速度和压力下工作,直到通过所有执行机构的流量的总和达到泵输出的最大流量为止.
			  </h6>		  
  </div>
    </div>
	  
   <div class="carousel-item ">
      <img src="images/351.svg" alt="Shanghai" class="  img-fluid "  >
		  <div class="carousel-caption slider_1_size">
			   <h3 class="slider_1"> 多功能手柄
			  </h3>
			  <h6 class="slider_1_1"> PSL和PSV型比例多路阀用于控制液压执行元件的运动方向和无级调节独立于负载的运动速度.可使多个执行元件同时并相互独立地在不同的速度和压力下工作,直到通过所有执行机构的流量的总和达到泵输出的最大流量为止.
			  </h6>		  
  </div>
    </div> 			 
  </div>
  
  <!-- 左右控件/图标 -->
  <button class="carousel-control-prev" type="button" data-bs-target="#slider" data-bs-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#slider" data-bs-slide="next">
    <span class="carousel-control-next-icon"></span>
  </button>
</div>	
	</div>
	
</div>
	
	
	
	
</body>
</html>
